<template>
      <div class="banner">
        <div class="swiper-container">
          <div class="swiper-wrapper">
            <div class="swiper-slide"><router-link to="/aaa"><img src="../../../static/banner/banner01@2x.png" alt="" width="100%"></router-link></div>
            <div class="swiper-slide"><router-link to="/bbb"><img src="../../../static/banner/banner02@2x.png" alt="" width="100%"></router-link>></div>
          </div>
        </div>
      </div>
</template>

<script>
    import  Swiper from 'swiper'
    export default {
      name: "banner",
      mounted() {
        new Swiper ('.swiper-container', {
          autoplay:true,
          loop: true,
          // 如果需要分页器
        })
      },
      methods:{

      }
    }
</script>

<style scoped lang="stylus">
  .banner
    background #93D1FF
  .swiper-container
    width 100%
    height 100%
  .swiper-slide
    font-size 0
    background #93D1FF
    a
      display block
      height 100%
      width 100%

</style>
